import "./skeleton.css";
const SkeletonPage = () => {
    const arr = Array.from({ length: 5 });
    return (<div className="container">
        <h1>骨架屏加载效果演示</h1>

        <div className="skeleton-list">
            <div className="skeleton-list-body">
                {arr.map((_,index) =>
                    <div>
                        {index}
                        <div className="skeleton-list-item">
                            <div className="skeleton-list-content">
                                <div className="skeleton-list-name"></div>
                                <div className="skeleton-list-desc"></div>
                            </div>
                        </div>
                    </div>
                )}
            </div>
        </div>
    </div>);
};

export default SkeletonPage;